<script setup lang="ts" name="News"></script>

<template>
  <div class="news-box">
    <router-link class="list-item" to="/news/1"> 新闻列表信息1 </router-link>
    <router-link class="list-item" to="/news/2"> 新闻列表信息2 </router-link>
    <router-link class="list-item" to="/news/3"> 新闻列表信息3 </router-link>
  </div>
</template>

<style scoped>
.news-box {
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.news-box .list-item {
  margin-bottom: 15px;
  text-decoration: unset;
  color: #333;
}
</style>
